283763 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

HTML基礎


【はじめに】---------------------------------------------------------------

このページは自分自身のメモ用に作ったものであり、様々なサイトから自分が必要だと思う箇所だけ
抜粋して置いてあるものです。よく使うタグや、珍しいタグなどを置いていきます。
私が見なくても出来るものは削除していくかもしれません。

それでも参考にしてくれる人は、どうぞ(<>は小文字にしてくださいね)。
参考にならなくっても責任は持てません。答えられる範囲の質問にはお答えします。




【基本タグ】---------------------------------------------------------------
◆画像
画像を表示する <IMG SRC="アドレス">
 楽天の場合は…<IMG SRC="画像のアドレス.gif" width="数字" height="数字" alt="名前">だよね。

画像上に文字を載せる
 <table border="数字" cellpadding="数字" cellspacing="数字" width="数字A" height="数字B"> <tr>
 <td background="http://楽天の画像.jpg" width="数字A" height="数字B" alt="画像の名前" align=center>
 <font color="ffd700">文字</font>
 </td></tr> </table>


こんなカンジになるよ

◆リンク
リンクを張る <a href="リンク先URL">文字</a>

画像でリンクする <a href="リンク先URL"><IMG SRC="アドレス"></a>

リンク画像の周りの枠を消す <a href="リンク先URL"><IMG SRC="アドレス" BORDER=0></a>


◆文字
文字のサイズや色を設定する <font size="数字" color="色">文字</font>

文字を太くする <B>文字</B>
こんなカンジになるよ

文字に取り消し線を引く <S>文字</S>
こんなカンジになるよ

文字に下線を引く <U>文字</U>
こんなカンジになるよ

文字や画像を真ん中に寄せる <CENTER>文字</CENTER>
こんなカンジになるよ


文字を表示させる <IMG SRC="アドレス" alt="文字">

文字(画像)を流す/動かす
  <MARQUEE>←文字</MARQUEE>
こんなカンジになるよ
  <MARQUEE direction="right">文字→</MARQUEE>
こんなカンジになるよ
  <MARQUEE direction="up">文字↑</MARQUEE>
こんなカンジになるよ
  <MARQUEE direction="down">文字↓</MARQUEE>
こんなカンジになるよ

 動かす… ←→ <MARQUEE behavior="alternate">←文字→</MARQUEE>
こんなカンジになるよ
 動かす… ↑↓ <MARQUEE behavior="alternate" direction="up">↑文字↓</MARQUEE>
こんなカンジになるよ

 背景の色を変える <MARQUEE bgcolor="色">文字</MARQUEE>
こんなカンジになるよ

 幅を変える <MARQUEE width="数字">文字</MARQUEE>
こんなカンジになるよ


 高さを変える <MARQUEE direction="up" height="数字">文字</MARQUEE>
こんなカンジになるよ


 速度を変える <MARQUEE scrollamount="数字">文字</MARQUEE>
こんなカンジになるよ



◆ライン
線を引く <HR>



色を変える <HR color="色">



長さを変える <HR width="数字">



太さを変える <HR size="数字">




◆その他
カウンターを表示させる
 トップ右上のカウンターを右クリックして1番下のプロパティをクリック。
 アドレス(URL)をコピーしてタグにペースト。
 <font size=数字 color=色>あなたは<IMG SRC="カウンターのアドレス">人目の訪問者です</font>
 こんなふうに→あなたは【カウンター】人目の訪問者です

文字(日記など)に■枠を付ける
 <a href=""></a>
 <DIV style="border-style:dotted;color:日記の縁取り色;border-width:3;background:日記の中の色;background-image:url(http:画像のアドレス);background-repeat: no-repeat" align="right(leftにすると 写真が左になる)">
 文字
 </DIV>

掲示板がずるずる出てくる
 掲示板の掲示板来訪者へのコメントコーナーに↓をコピペ(数字は適当に変えて)。
 <MARQUEE behavior=slide width=100% scrollamount=15><FONT style="filter:(color=red);width:100%">


© Rakuten Group, Inc.
X